<h1 class="page_title">
    遮罩 </h1>
<h2>
    1 遮罩条 </h2>
<p>
    自适应高度，默认隐藏，鼠标经过，从底部滑出显示 </p>
<div class="codeView bs-docs-example ">
    <div class="maskWraper " style="width:300px;height:250px; border:solid 1px #ddd;">
        <img src="/static/img/AD-300x250.gif" width="300" height="250">

        <div class="maskBar ">
            <div class="text-c pd-5">
                遮罩条
            </div>
        </div>
    </div>
</div>
<h2>
    2 遮罩块 </h2>
<p>
    模块内100%高度，默认隐藏，鼠标经过显示 </p>
<div class="codeView bs-docs-example ">
    <div class="maskWraper " style="width:300px;height:250px; border:solid 1px #ddd;">
        <img src="/static/img/AD-300x250.gif" width="300" height="250">

        <div class="maskBox ">
            <div class="text-c pd-5">
            </div>
        </div>
    </div>
</div>
<h3>
    组件包 </h3>
<pre class="prettyprint linenums"><span class="Huialert-danger">以上组件依赖org.tinygroup.maskBar包即可</span></pre>
<script type="text/javascript">
    $(function () {
        /*遮罩条*/
        $.Huihover('.maskWraper');
    });
</script>